*{ padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
html,body{ font-family:'微软雅黑';font-size:14px;height:100%;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;}
html { font-size:64px; }

@media screen and (max-width:1024px){
	html { font-size:52px; }
}
@media screen and (max-width:768px){
	html { font-size:64px; }
}
@media screen and (max-width:480px){
	html { font-size:52px; }
}
@media screen and (max-width:420px){
	html { font-size:46px; }
}
@media screen and (max-width:380px){
	html { font-size:42px; }
}


ul{list-style:none;}
img{border:0;vertical-align:middle; max-width:100%;}
a{color:#666;text-decoration:none;-webkit-transition:.3s;transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);font-size:14px; cursor:pointer; }
a:hover{text-decoration:none;-webkit-transition:.3s;transition:.3s;} 
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],textarea{-webkit-appearance:none;font-family:'宋体';}
input[type="button"],input[type="submit"],input[type="reset"]{ cursor: pointer; }
input:focus,textarea:focus{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

@font-face{font-family:"dincond"; src:url("../font/dincond-regular.eot");}
@font-face{font-family:"dincond"; src:url("../font/dincond-regular.ttf");}

.family2 { font-family:'宋体'; }
.middle { font-size:0; }
/* 通用样式 */
.clearfix{*zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}

.height10{height:10px;clear:both;}
.height20{height:20px;clear:both;}

.mt0 { margin-top:0; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.full { position:absolute; bottom:0; top:0; left:0; right:0; z-index:0; }

.content{ max-width:1440px; margin:0 auto;}
@media screen and (min-width:768px){
.content{width:100%;}
}

@media screen and (max-width:1366px ) and ( min-width:768px ){
	.content{ padding:0 20px; box-sizing: border-box; }

}



/* 头部 */
#header { height:120px; line-height:120px; background:#fff; position:relative; z-index:1000; }
#header  .content {  height:100%; }
#header .logo { float:left; height:100%; width:250px; }
#header .logo img { display:block; height:100%; }
#header .right { float:right; width:175px; }
#nav { margin:0 175px 0 250px; font-size:0; text-align:right; }
#nav > li { font-size:16px; display:inline-block;*display:inline; *zoom:1; position:relative; text-align:center; }
#nav > li.on > a,#nav > li.on > a { height:121px; border-bottom:5px solid #e11400;color:#e11400;}
#nav > li > a { display:block; font-size:16px; padding:0 38px; color:#333333; }
#nav > li.on .ej { display:block; }
#nav .ej { display:none; position:absolute; z-index:10; top:100%; left:-15px; margin-top:-1px; background:#fff; width:630px; padding:30px 0; border-top:1px solid #c7c7c7; }
#nav > li.item02 .ej { left:-150px }
#nav > li.item03 .ej { left:-250px }
#nav > li.item04 .ej { left:-380px}
#nav > li.item05 .ej { left:-380px}
#nav > li.item06 .ej { left:-480px}

#nav .ej ul { float:left; margin:0 30px; min-width:150px; line-height:46px; }
#nav .ej li { border-bottom:1px solid #c7c7c7; }
#nav .ej a { display:block; font-size:14px; font-family:'宋体'; text-align:left; padding-left:55px; background:url(../images/nav_er_icon.png) 19px center no-repeat; }
#nav .ej a:hover { color:#e11500; background:url(../images/nav_er_icon2.png) 19px center no-repeat; }

#header .oa { display:block; width:104px; height:30px; background:#e11400 url(../images/oa_btn.png) no-repeat; border-radius:100px; margin:0 0 0 auto; }
#header .oa:hover { background-color:#f3aa00; }
#header .right { padding-top:20px; }
#header .sreach { display:block; height:26px; line-height:26px; border:1px solid #999999; border-radius:100px; margin-top:20px; }
#header .sreach .btn { float:right; width:26px; height:26px; background:url(../images/icon_sreach.png) center no-repeat; border:0; margin-right:5px; }
#header .sreach label { display:block; margin-right:31px; padding:3px 0 0 10px; }
#header .sreach label input { display:block; height:20px; line-height:20px; width:100%; border:0; background:none; }

@media screen and (max-width:1366px){
	#nav > li > a{padding:0px 28px;}
}

@media screen and (max-width:1280px){
	#nav > li > a { padding:0 20px; }
}

@media screen and (max-width:1024px){
	#nav > li > a { padding:0 8px; }
	#nav > li.item02 .ej { left:-150px }
	#nav > li.item03 .ej { left:-230px }
	#nav > li.item04 .ej { left:-300px}
	#nav > li.item05 .ej { left:-440px}
	#nav > li.item06 .ej { left:-520px}
}


@media screen and (max-width:1024px){
	body{padding-top:74px;}
	#header { height:1.42rem; line-height:1.15625rem; position:fixed; z-index:1000;width:100%;top:0;}
	#header .logo { width:auto; padding-left:0;margin-left:-20px;}
	#header .right { display:none; }
	#nav { position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; margin:0; overflow: auto;
		transform:translateY(-100%);
		transition:transform linear .3s;
	}
	#nav > li > a { font-size:0.25rem; }
	#nav > li.on > a,
	#nav > li.on > a { height:auto; border-bottom:1px solid #d6d6d6; }
	#nav > li:hover .ej { display:none; }
	#nav li { display:block; width:100%; padding:0; line-height:0.78125rem; }
	#nav li a { border-bottom:1px solid #d6d6d6; padding-left:40%; text-align:left;  }
	#nav > li.on .ej {width:100%; display:block; position:relative; left:0; margin:0; top:0; padding:0; border-top:0; }
	#nav > li.on > a,
	#nav > li a:hover { color:#dd1700; }
	#nav > li.on .ej ul { float:none; margin:0; }
	#nav > li.on .ej img { display:none}
	
	#nav > li .ej { left:0 !important; }
	#nav .ej li { border:0; }
	#nav .ej { border-bottom:1px solid #d6d6d6; }
	#nav .ej a,
	#nav .ej a.on { background:none; line-height:0.625rem; font-size:12px; padding:0 0 0 40%; text-align:left; border:0; }
	#nav .ej a:hover { color:#e11500; background:none; }

	#nav form { display:block; height:0.796875rem; line-height:0.796875rem; border-bottom:1px solid #d6d6d6; }
	#nav form .btn { float:right; width:0.78125rem; height:0.78125rem; background:url(../images/icon_sreach.png) center no-repeat; border:0; margin:0 0.78125rem 0 0; }
	#nav form label { display:block; padding:0.1875rem 0 0 10px; box-sizing:border-box; padding-left:0.78125rem; overflow:hidden; }
	#nav form label input { display:block; height:20px; line-height:20px; width:100%; border:0; background:none; }
	#nav form a { float:left; padding-left:0; border:0; color:#676767; }
	
	.nav-wrap.on #nav { top:1.15rem; transform:translate(0,0); transition:transform linear .3s; }
	.nav-wrap { width:0.53125rem; height:0.53125rem; padding: 0.09375rem; position:absolute; right:0.38rem; top:0.45rem; box-sizing:border-box; }
	.nav-wrap span.icon {position: absolute;right: -30px;height: 2px;backface-visibility: hidden;outline: transparent solid 1px;width: 0.53125rem;-webkit-transition: background-color 0s .3s;transition: background-color 0s .3s;background:#a7a7a7;z-index:99;border: 36px solid #fff;box-sizing: content-box;margin-top: -29px;}
	
	
	.nav-wrap.on span.icon { background-color:transparent; }
	.nav-wrap span.icon:before { content:''; height:2px; position:absolute; top: -0.15625rem; width:0.53125rem; background:#a7a7a7; 	-webkit-transition-duration: .3s,.3s; transition-duration: .3s,.3s;	-webkit-transition-delay: .3s,0s; transition-delay: .3s,0s;	}
	.nav-wrap span.icon:after { content:''; height:2px; position:absolute; bottom: -0.15625rem; width:0.53125rem; background:#a7a7a7; 	-webkit-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; transition-delay: .3s,0s; }
	.nav-wrap.on span.icon:after { transform: rotate(-45deg); bottom:0; background:#830500; }
	.nav-wrap.on span.icon:before { transform: rotate(45deg); top: 0px; background:#830500; }
	#nav .copyright { line-height:1.1; padding:0.46875rem 0; font-size:0.25rem; font-family:'宋体'; color:#676767; }
}

@media screen and (max-width:768px){
	.nav-wrap span.icon{border:37px solid #fff;margin-top:-30px;}
	#header{height:1.15rem;}
	.nav-wrap.on #nav{top:1rem;}
}
@media screen and (max-width:480px){
	body{padding-top:60px;}
	.nav-wrap span.icon{border:28px solid #fff;}
}
@media screen and (max-width:420px){
	body{padding-top:54px;}
	.nav-wrap span.icon{border:25px solid #fff;margin-top:-20px;}
}
@media screen and (max-width:380px){
	body{padding-top:49px;}
	.nav-wrap span.icon{border:20px solid #fff;top:0.21rem;}
	.nav-wrap span.icon:after{bottom:-0.16rem;}
	.nav-wrap span.icon:before{top:-0.16rem;}
}

/* 底部 */
#footer { clear:both; padding:45px 0 0; background:#333333; margin-top:70px; }
#footer .left { float:left; color:#fff; }
#footer .left h3 { font-size:18px; margin:24px 0 15px;}
#footer .left p { font-size:14px; font-family:'宋体'; margin-top:10px;}
#footer .right { overflow:hidden; text-align:right; }
#footer .right dl { display:inline-block; *display:inline; *zoom:1; font-size:0; text-align:left; margin-left:90px; vertical-align:top; }
#footer .right dl dt { font-size:18px; color:#e11400; padding-bottom:30px; }
#footer .right dl dd a { display:block; font-size:12px; color:#fff;  font-family:'宋体'; margin-bottom:10px;}
#footer .right dl dd a:hover{color:#e11500;}
#footer .copyright {  font-family:Arial; color:#fff; line-height:80px; border-top:1px solid #575757; text-align:center; margin-top:45px; }
#footer .copyright a { color:#fff; }
#footer .copyright span { display:inline-block; vertical-align:middle; line-height:1.1; }
.shear-btn { padding-top:30px; }
.shear-btn a { float:left; font-size:24px; width:50px !important; height:50px !important; line-height:1.1 !important; text-align:center; margin:0 !important; background:none !important; padding:0 !important; margin-left:-5px !important; margin-right:5px !important; background: url(../images/icon-shear.png) no-repeat    !important; position:relative !important;}
.shear-btn a.icon02 { background-position:-0px 0 !important; }
.shear-btn a.icon03 { background-position:-100px 0 !important; }
.shear-btn a.icon04 { background-position:-150px 0 !important; }
.shear-btn a.icon02:hover { background-position:-0px -50px !important; }
.shear-btn a.icon03:hover { background-position:-100px -50px !important; }
.shear-btn a.icon04:hover { background-position:-150px -50px !important; position:relative; }
.shear-btn a.icon04 img { display:none; }
.shear-btn a.icon04:hover > img { display:block; width:150px; max-width:none; position:absolute; left:100%; right:auto; top:50%; margin-top:-75px; }


@media screen and ( max-width:768px ) {
	#header .logo { margin-top:0;margin-left:0;}
	.nav-wrap{top:0.35rem;}
	#footer .right { display:none; }
	#footer .left > * { display:none; }
	#footer .left { width:100%; }
	#footer .shear-btn { float:none; width:100%; display:block !important; padding:0; margin:auto; text-align:center; }
	#footer .shear-btn a { float:none; display:inline-block; }
	#footer { padding:0.625rem 0 0; background:#333333; margin-top:0.3rem; }
	#footer .copyright { font-size:0.21875rem;  line-height:1.25rem; margin-top:0.625rem;}
	#footer .copyright a { color:#fff;font-size:0.21875rem; }
	
	.shear-btn a { width:0.78125rem !important; height:0.78125rem !important;  background-size:400% auto !important; }
	.shear-btn a.icon02 { background-position:-0px 0 !important; }
	.shear-btn a.icon03 { background-position:-1.5625rem 0 !important; }
	.shear-btn a.icon04 { background-position:-2.34375rem 0 !important; }
	.shear-btn a.icon02:hover { background-position:-0px -0.78125rem !important; }
	.shear-btn a.icon03:hover { background-position:-1.5625rem -0.78125rem !important; }
	.shear-btn a.icon04:hover { background-position:-2.34375rem -0.78125rem !important; }

}

@media screen and ( max-width:1280px ) {
	#footer .right dl{margin-left:65px;}
}
@media screen and ( max-width:1155px ) {
	#footer .right dl{margin-left:57px;}
}
@media screen and ( max-width:1024px ) {
	#footer .right dl{margin-left:25px;}
}

.page-nav{border-bottom:2px solid #c61000;height:80px;line-height:80px;}
.page-nav .page-nav-box a{height:100%;padding:0px 30px;float:left;}
.page-nav .page-nav-box a:hover,.page-nav .page-nav-box a.on{background:#c61000;color:#fff;}

.position{background:url(../images/icon04.png) no-repeat left center;padding-left:20px;}
.position > *{/*float:left;*/}
.position span{margin:0px 15px;}


@media screen and (max-width:1440px) {
	.page-content{padding:0px 20px;}
	#header{padding:0px 20px;}
	#index_main{padding:0px 20px;}
	#footer{padding:45px 20px 0px 20px;}
}

@media screen and (max-width:768px) {
	.page-nav{height:auto;border:none;margin:0px;margin-bottom:6%;margin-top:4%;}
	.page-nav .page-nav-box{width:100%;}
	.page-nav .page-nav-box a{color:#333;width:33.33%;text-align:center;padding:0px 10px;margin-top:20px;}
	.page-nav .page-nav-box a span{height:40px;border:1px solid #a0a0a0;line-height:38px;width:100%;display:block;}
	.page-nav .page-nav-box a.on,.page-nav .page-nav-box a:hover{background:none;color:#333;}
	.page-nav .page-nav-box a.on span{background:#c61000;color:#fff;border:1px solid #c61000;}
}